<template>
    <div class="detail">
        <main class="content_box wrap">
            <div class="articleContent">
                <div class="articlDetail">
                    <h1>Privacy Policy</h1>

                    <h3>What We Collect and How We Use It</h3>
                    <p>When you visit InfotoPlaza, we automatically collect information about your device, web browser, and interactions with our site. This data is used to personalize your experience, improve our services, and protect against spam and malware. We also use cookies to track your usage, share our content on social media, and analyze our traffic patterns. You can choose to disable cookies in your browser, but this may affect your ability to fully enjoy our site's features.</p>
                    
                    <h3>Why We Use Cookies and How They Help Us</h3>
                    <p>Cookies are small text files that help us recognize your web browser and remember your preferences. They allow us to create a better experience for you and tailor our content to your interests. Our cookies also help us understand how you interact with our site, which informs our decisions on how to improve and expand our services. We don't control the use of cookies by third-party websites or advertisers, so be sure to review their policies as well.</p>

                    <h3>How We Protect and Share Your Information</h3>
                    <p>Your security is our top priority. We follow industry-standard practices to safeguard your personal information and prevent unauthorized access, disclosure, or destruction. We don't sell or trade your personally identifiable information with outside parties, but we may share aggregated data with our partners to help improve their services. We also comply with laws and regulations that require us to disclose your information in specific circumstances, such as to enforce our site policies or protect the rights of others.</p>

                    <h3>Your Rights and Choices Under Our Policy</h3>
                    <p>We respect your right to control your personal data. If you're a EU user, please note that we use cookies to personalize content and ads, as well as to analyze our traffic. You can manage your cookie preferences and opt out of our marketing emails at any time. If you're a California resident, you have the right to request that we disclose the categories of information we share with third parties and opt out of such sharing. Contact us for more information.</p>

                    <h3>Changes to Our Policy and Your Consent</h3>
                    <p>We may update our policy from time to time to reflect changes in our practices or applicable laws. Your continued use of our site after we post changes to this policy will be taken as your acceptance of those changes. We value your trust and appreciate your feedback on our policy and practices. If you have any questions or concerns, please don't hesitate to contact us.</p>
                </div>
            </div>
        </main>

    </div>
</template>

<script setup>
import { ref, onMounted, inject } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { articleData } from '@/utils/common.js'

const route = useRoute()
const router = useRouter()
// 共享侧边栏
const trendingArticles = inject("trendingArticles")




const toDeatil = (item) => {
    let title = item.newsTitle.replaceAll(' ', '-')
    router.push(`/detail/${item.classfy}/${title}/${item.id}`)
}


</script>

<style lang="scss">
$text-color1: #1c1c1c;
$text-color2: #696575;
$text-color3: #45414b;

.detail {
    margin-top: 20px;

    .content_box {
        display: flex;
        justify-content: space-between;

        .articleContent {
            color: $text-color1;
            font-size: 18px;

            .articlDetail {
                h1.title {
                    color: $text-color2;
                    margin: 15px 0;
                    font-size: 36px;
                    line-height: 1.24;
                    letter-spacing: -0.005em;
                    font-weight: 500;
                    line-height: 1.2;
                }

                .author {
                    font-size: 12px;
                    letter-spacing: 1px;

                    .type {
                        letter-spacing: 1.5px;
                        font-weight: 700;
                    }
                }

                img {
                    margin: 20px 0;
                    width: 100%;
                    border-radius: 4px;
                    min-width: 300px;
                }

                p {
                    margin-bottom: 25px;
                }
                h1{
                    font-size: 2em;
                    margin-bottom: 25px;
                    color: $text-color3;
                }
                h2 {
                    font-size: 1.285em;
                    margin-bottom: 25px;
                    color: $text-color3;
                }

                h3 {
                    font-size: 1.125em;
                    color: $text-color3;
                    margin: 27px 0 15px 0;
                }

                ul {
                    margin: 28px 0 28px 35px;

                    li {
                        margin-bottom: 7px;
                        list-style: disc !important;

                        /* 使用实心点来表示列表项 */
                        &::marker {}
                    }

                }

                .subTitle {
                    a {
                        color: #336df4;
                    }
                }
            }
          
        }
    }
}
</style>